<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>账号管理</title>

<link rel="stylesheet" href="js/easyui-1.3.0/themes/default/easyui.css" />
<link rel="stylesheet" href="js/easyui-1.3.0/themes/icon.css" />
<script src="js/jquery/jquery-1.8.2.js"></script>
<script src="js/easyui-1.3.0/jquery.easyui.min.js"></script>
<script src="jsjson.js"></script>
<script type="text/javascript">
$(function(){
	var data = $('#tableData').val();
	//alert(data);
	data=JSON.parse(data);
	$('#table').datagrid({
		toolbar:[{
			text:'添加',
			iconCls:'icon-add',
			handler:function(){
				$('#win').window('open');
			}
		}]
	});
	$('#table').datagrid('loadData',data);
	
	$('#win').window({  
	    width:400,  
	    height:300,  
	    modal:true  
	});
	$('#win').window('close');
});
</script>
</head>
<body>
<table id="table" style="width:540px;height:auto" data-options="singleSelect:true" >
<thead>
	<tr>
		<th data-options="field:'uid',width:180">uid</th>
		<th data-options="field:'username',width:100,editor:{type:'validatebox',options:{required:true}}">账号</th>
		<th data-options="field:'mainemail',width:200,editor:'text'">邮箱</th>
	</tr>
</thead>
</table>
<input type="hidden" id="tableData" wicket:id="tableData"></input>

<div id="win" title="添加账号" data-options="modal:true">
	<iframe width="400px" height="300px" id="frame" src="app/registe"></iframe>  
</div>
</body>
</html>